<h:form id="formIndicador" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core">

    <script language="JavaScript" src = "scripts/script.js"/>

    <h:panelGrid columns="1" style="width: 100%">

        <h:panelGroup  >
            <h:outputLabel value="Descrição*"/><br/>
            <p:inputText styleClass="up" value="#{indicadorBean.indicador.descricao}" 
                         required="true" requiredMessage="O campo descrição é requerido" style="width: 97%" />
        </h:panelGroup>

    </h:panelGrid>

    <h:panelGrid columns="1" style="width: 100%">
        <h:panelGroup >
            <h:outputLabel value="Fonte de informação*"/><br/>
            <p:inputTextarea   styleClass="up"  value="#{indicadorBean.indicador.fonteInformacao}" 
                               required="true" requiredMessage="O campo fonte de informação é requerido" style="width: 97%" />
        </h:panelGroup>
    </h:panelGrid>

    <h:panelGrid columns="2" style="width: 100%">

        <h:panelGroup style="width: 100%">
            <h:outputLabel value="Período Medição*"/><br/>

            <p:selectOneMenu value="#{indicadorBean.indicador.periodoMedicao}" 
                             style="width: 100px" 
                             required="true" 
                             requiredMessage="O campo período medição é requerido">

                <f:selectItem itemLabel="Selecione" />
                <f:selectItems value="#{indicadorBean.periodosMedicoes}" />
                <f:converter converterId="simpleEntityConverter" />

            </p:selectOneMenu>

        </h:panelGroup>

        <h:panelGroup style="width: 100%">

            <h:outputLabel value="Última Medição*"/><br/>
            <p:calendar maxlength="10"
                        pattern="dd/MM/yyyy"
                        onkeypress="mascara(this, data)"
                        id="dtContrato"
                        value="#{indicadorBean.indicador.dataUltimaMedicao}" 
                        showOn="button"
                        required="true" 
                        requiredMessage="Campo Obrigatório" size="13"/>

        </h:panelGroup>

    </h:panelGrid>

    <h:panelGrid style="width: 100%">
        <h:panelGroup style="width: 100%">
            <h:outputLabel value="Fórmula cálculo*"/><br/>
            <p:inputText styleClass="up" 
                         value="#{indicadorBean.indicador.formulaCalculo}" 
                         required="true" 
                         requiredMessage="O campo fórmula cálculo é requerido" 
                         style="width: 97%"/>
        </h:panelGroup>
    </h:panelGrid>

    <h:panelGrid columns="2" style="width: 100%">

        <h:panelGrid columns="2" >

            <h:panelGroup>

                <h:outputLabel value="Unidade de Medida*"/><br/>

                <p:selectOneMenu id="cbxUnidadesDeMedida" 
                                 value="#{indicadorBean.indicador.unidadeDeMedida}" 
                                 style="width: 100px" 
                                 required="true" 
                                 requiredMessage="O campo uni. medida é requerido"
                                 filter="true" 
                                 filterMatchMode="startsWith">

                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{indicadorBean.unidadesDeMedida}" />
                    <f:converter converterId="simpleEntityConverter" />

                </p:selectOneMenu>

            </h:panelGroup>

            <h:panelGroup>
                <br/>
                <p:commandButton icon="ui-icon-plus" actionListener="#{unidadeDeMedidaBean.adicionarInicio}" 
                                 title="Adicionar"
                                 immediate="true" 
                                 oncomplete="dlgUnidadeDeMedida.show()" 
                                 update=":panelAddUnidadeDeMedida"/> 
            </h:panelGroup>

        </h:panelGrid>

        <h:panelGrid columns="2" style="width: 100%">
            <h:panelGroup>
                <h:outputLabel value="Último índice*"/><br/>
                <p:inputText styleClass="up" value="#{indicadorBean.indicador.ultimoIndice}" required="true"
                             requiredMessage="O campo Uacute;ltimo índice é requerido"/>
            </h:panelGroup>

            <h:panelGroup>
                <h:outputLabel value="Meta Percentual*"/><br/>
                <p:inputText styleClass="up" value="#{indicadorBean.indicador.metaPercentual}" required="true"
                             requiredMessage="O campo meta percentural é requerido" size="10"/>%
            </h:panelGroup>

        </h:panelGrid>

    </h:panelGrid>

    <h:panelGrid columns="4" style="width: 100%">

        <h:panelGroup>
            <h:outputLabel value="1° ano*"/><br/>
            <p:inputText styleClass="up" value="#{indicadorBean.indicador.ano1}" required="true"
                         requiredMessage="O campo 1° é requerido" size="10"/>%
        </h:panelGroup>

        <h:panelGroup>
            <h:outputLabel value="2° ano*"/><br/>
            <p:inputText styleClass="up" value="#{indicadorBean.indicador.ano2}" required="true"
                         requiredMessage="O campo 2° é requerido" size="10"/>%
        </h:panelGroup>

        <h:panelGroup>
            <h:outputLabel value="3° ano*"/><br/>
            <p:inputText styleClass="up" value="#{indicadorBean.indicador.ano3}" required="true"
                         requiredMessage="O campo 3° é requerido" size="10"/>%
        </h:panelGroup>

        <h:panelGroup>
            <h:outputLabel value="4° ano*"/><br/>
            <p:inputText styleClass="up" value="#{indicadorBean.indicador.ano4}" 
                         required="true"
                         requiredMessage="O campo 4° é requerido" size="10"/>%
        </h:panelGroup>

    </h:panelGrid>

    <h:panelGrid columns="1" style="width: 100%" >
        <h:panelGroup>
            <h:outputLabel value="Observaç;ões*"/><br/>
            <p:inputTextarea   styleClass="up"  
                               value="#{indicadorBean.indicador.observacoes}" 
                               style="width: 97%" />
        </h:panelGroup>
    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{indicadorBean.adicionarEditarFim}"
                     update="formIndicador" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{indicadorBean.cancelar}"
                     immediate="true"/>

</h:form>


